﻿<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8" />
        <title>@ViewBag.Title | Calligraphy</title>
        <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
        <meta name="viewport" content="width=device-width" />
        <meta name="description" content="@ViewBag.Description"/>
        <meta name="keywords" content="@ViewBag.Keywords"/> 
        @Styles.Render("~/home/css")
        @Styles.Render("~/Content/themes/base/css")
        
        @Scripts.Render("~/bundles/modernizr")

        <link rel="stylesheet/less" type="text/css" href="~/Content/themes/style.less" />
        <link href="~/Content/themes/jPicker-1.1.6.css" rel="stylesheet" />
        <link href="~/Content/themes/custom.css" rel="stylesheet" />
        <link href="~/Content/themes/elastislide.css" rel="stylesheet" />
        <script src="~/Scripts/less-1.4.1.min.js"></script>
        <style>
            @RenderSection("Styles", false)
        </style>

    </head>
    <body>
        <div id="panel">
          <div class="navbar navbar-inverse navbar-fixed-top" id="advanced">
            <span class="trigger"><strong></strong><em></em></span>
            <div class="navbar-inner">
              <div class="container"><button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-top-collapse">
                <span class="icon-bar"></span><span class="icon-bar"></span>
                <span class="icon-bar"></span></button>
                  @Html.Partial("_LoginPartial")                
                <div class="nav-collapse collapse nav-top-collapse">
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="spinner"></div> 
        <!-- header start -->
        <header>
          <div class="container clearfix">
            <div class="row">
              <div class="span12">
                <div class="navbar navbar_">
                  <div class="container">
                    <h1 class="brand brand_"><a href="@Url.Action("Index", "Home")"><img alt="" src="~/Content/img/mini-logo.png"> </a></h1>
                    <a class="btn btn-navbar btn-navbar_" data-toggle="collapse" data-target=".nav-collapse_">Menu <span class="icon-bar"></span> </a>
                    <div class="nav-collapse nav-collapse_  collapse">
                      <ul class="nav mini-nav sf-menu">
                            <li id="menu-home"><a href="@Url.Action("Index", "Home")">Home</a></li>
                            <li id="menu-download"><a href="http://www.windowsphone.com/en-us/store/app/calligraphy/52e63152-faba-44b4-a30a-1486b8300e89">Download</a></li>
                            <li id="menu-templates"><a href="@Url.Action("Index", "Home")#templates">Templates</a></li>
                            <li id="menu-about"><a href="@Url.Action("Index", "Home")#about">About</a></li>
                            <li id="menu-contact"><a href="@Url.Action("Index", "Home")#contact">Contact</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </header>
        <div class="bg-content">
           @RenderBody()
        </div>
        <!-- footer -->
        <footer>
          
        </footer>

        
        @*@Scripts.Render("~/home/js")*@
        @Scripts.Render("~/home/js/debug")
        <script type="text/javascript">if ($(window).width() > 1024) { document.write("<" + "script src='/Scripts/jquery.preloader.js'></" + "script>"); }
          </script>

	         <script>
	             jQuery(window).load(function () {
	                 $x = $(window).width();
	                 if ($x > 1024) {
	                     jQuery("#content .row").preloader();
	                 }

	                 jQuery('.magnifier').touchTouch();
	                 jQuery('.spinner').animate({ 'opacity': 0 }, 1000, 'easeOutCubic', function () { jQuery(this).css('display', 'none') });
	             });

	        </script>
            
        <script src="~/Content/js/jquerypp.custom.js"></script>
        <script src="~/Content/js/modernizr.custom.17475.js"></script>
        <script src="~/Content/js/jquery.elastislide.js"></script>
        @*@Scripts.Render("~/bundles/jquery")*@
        @RenderSection("scripts", required: false)
    </body>
</html>
